<template>
    <el-dialog v-model="props.visible" title="查看跟进信息" @close="handleClose" destory-on-close>
        <el-timeline>
            <el-timeline-item
                v-for="(item,index) in props.followList"
                :key="item.id"
                :color="index == 0?'#0bbd87':''"
                :timestamp="`${item.createByName} ${item.createTime}`"
                size="large"
            >
            {{ item.contractMessage }}
            </el-timeline-item>
        </el-timeline>
        <template #footer>
            <div class="dialog-footer">
                <el-button @click="handleClose">关闭</el-button>
            </div>
        </template>
    </el-dialog>
</template>

<script setup lang="ts">

const props = defineProps(['visible','followList']);
const emits = defineEmits(['close']);

const handleClose = ()=>{
    emits('close');
};
</script>

<style scoped>
.dialog-footer{
    display:flex;
    justify-content: center;
}
</style>